<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Payment</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<link href="../css/common.css" />
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/mycommon.css" />
		<link rel="stylesheet" href="css/Payment.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<header>
				<div id="logo">
					<img src="../img/shop.png" />
				</div>
				<a>{{Language["1025"]}}</a>
				<span>双桥路东店</span>
				<select>
					<option>中文</option>
					<option>English</option>
				</select>
				<img src="../img/right.png" />
			</header>
			<article>
				<header>
					<p>{{Language["1110"]}}</p>
					<div id="country">
						<select>
							<option>马来西亚林吉特MYR</option>
							<option>马来西亚林吉特MYR</option>
							<option>马来西亚林吉特MYR</option>
						</select>
						<img src="../img/flag.png" />
					</div>
					<img src="../img/selecth.png" />
				</header>
				<div id="ticket">
					<span>RM</span>
					<input type="text" placeholder="请输入付款金额" />
					<p>1个优惠券</p>
				</div>
				<footer>
					<div>
						<p>实付金额</p>
						<b>￥</b>
						<span>168.20</span>
					</div>
					<span>?</span>
				</footer>
			</article>
			<div id="pay">
				<p>输入付款金额,实付时按照实时汇率折算人民币支付</p>
				<input type="button" value="确认支付" />
			</div>
			<footer>
				<p>推荐优惠券</p>
				<div class="draw">
					<img src="../img/line.png" />
					<div>
						<img src="../img/shop.png" />
					</div>
					<div>
						<p>$60元代金券</p>
						<p>七宝小店</p>
						<p>有效日期:2017.04.06</p>
						<a>领取</a>
					</div>
				</div>
				<div class="draw">
					<img src="../img/line.png" />
					<div>
						<img src="../img/shop.png" />
					</div>
					<div>
						<p>$60元代金券</p>
						<p>七宝小店</p>
						<p>有效日期:2017.04.06</p>
						<a>领取</a>
					</div>
				</div>
				<div class="draw">
					<img src="../img/line.png" />
					<div>
						<img src="../img/shop.png" />
					</div>
					<div>
						<p>$60元代金券</p>
						<p>七宝小店</p>
						<p>有效日期:2017.04.06</p>
						<a>领取</a>
					</div>
				</div>
			</footer>
			<div class="mui-backdrop" id="hint" style="display: none;">
				<div id="">
					<p>
						RM
					</p>
					<img src="../img/click.png" />
					<img src="../img/hand.png" />
					<span>输入支付金额</span>
				</div>
				<div>
					<p>
						一个优惠券
					</p>
					<img src="../img/click.png" />
					<img src="../img/hand.png" />
					<span>查看优惠券</span>
				</div>
			</div>
			<div class="mui-backdrop" style="display: none;">
				<img src="../img/close.png" />
				<img id="gold" src="../img/gold.png" />
				<h3>恭喜获得优惠券</h3>
				<div id="get">
					<ul>
						<li>
							<img src="../img/line.png" />
							<div>
								<img src="../img/shop.png" />
							</div>
							<div>
								<p>$60元代金券</p>
								<p>七宝小店</p>
								<p>有效日期:2017.04.06</p>
								<a>领取</a>
							</div>
						</li>
					</ul>
					<footer>
						<button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">立即领取</button>
					</footer>
				</div>
			</div>
			<div class="mui-backdrop" id="succeed" style="display: none;">
				<img src="../img/close.png" />
				<div>
					<header>{{Language["1100"]}}</header>
					<div class="content">
						<p>{{Language["1104"]}}</p>
						<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">{{Language["1103"]}}</button>
						<footer>
							<h4>{{Language["1105"]}}</h4>
							<div class="footer">
								<img src="../img/yho.png" />
								<h5>{{Language["1105"]}},{{Language["1147"]}}</h5>
								<h5>yhfoodie App</h5>
								<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">{{Language["1106"]}}</button>
							</div>
						</footer>
					</div>
				</div>
			</div>
			<div class="apply mui-backdrop" style="display: none;">
				<img src="../img/close.png" />
				<div>
					<header>{{Language["1150"]}}</header>
					<div class="content">
						<button type="button" class="mui-btn mui-btn-yellow mui-btn-outlined">{{Language["1103"]}}</button>
						<footer>
							<h4>{{Language["1105"]}}</h4>
							<div class="footer">
								<img src="../img/yho.png" />
								<h5>{{Language["1105"]}},{{Language["1147"]}}</h5>
								<h5>yhfoodie App</h5>
								<button type="button" class="mui-btn mui-btn-green mui-btn-outlined">{{Language["1106"]}}</button>
							</div>
						</footer>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
		<script type="text/javascript" src="js/Payment.js"></script>
	</body>

</html>